/* 封装一些常用样式 */

.float_l{
    float:left;
}
.float_r{
    float:right;
}
/* 文本超出省略号显示 */
.text_ellipsis{
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}

/* 超出2行时隐藏 */
.text_ellipsis_2{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box; //将作为弹性伸缩盒子模型显示
	-webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
    line-clamp:2; //这个属性不是css的规范属性，需要组合上面2个属性，表示显示的行数
	-webkit-line-clamp:2; //这个属性不是css的规范属性，需要组合上面2个属性，表示显示的行数
}

/* flex布局 */
.flex{
	display: flex;
}

.flex_c{
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_l{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex_r{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex_b{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex_ac{
	display: flex;
	align-items: center;
}
.box_sizing{
    box-sizing: border-box;
}

.mt24{
	margin-top: 24rpx;
}
.mb24{
	margin-bottom: 24rpx;
}
.mt16{
	margin-top: 16rpx;
}
.mb16{
	margin-bottom: 16rpx;
}
.mt32{
	margin-top: 32rpx;
}
.mb32{
	margin-bottom: 32rpx;
}
